@extends('home.base')
@section('title')
    艺术摄影
@endsection
@section('css')
    <style>
        .tt-grid tt-effect-3dflip tt-effect-delay order img{
            width: 300px;
            height: 255px;
        }
    </style>
@endsection


@section('content')
<div class="title"><strong></strong></div>
<div class="paixu" >
    <p>排序</p>
    <p class="count">人气<img src="images/base/down.png"></p>
    <p class="time">时间<img src="images/base/down.png"></p>
</div>
<div class="container" style="margin-top: 60px;">

    <section class="tt-grid-wrapper">
        <ul class="tt-grid tt-effect-3dflip tt-effect-delay order">
            @foreach($data as $v)
            <li><a href="home/detail/{{ $v -> id }}"><img src="img/{{ $v -> userid }}/{{ $v -> imageURL }}" alt="img01"/></a></li>
            @endforeach
        </ul>

        <nav id="limit">
        <a class="tt-current">1</a>&nbsp;&nbsp;<a>2</a>&nbsp;&nbsp;<a>3</a>&nbsp;&nbsp;<a>4</a>
            {{--<!-- <a class="tt-current">1</a><a>2</a><a>3</a><a>4</a> -->--}}
            {{--{{ $data -> appends($request) -> links() }}--}}
        </nav>
    </section>

</div><!-- /container -->


@endsection
